$(function (){
    $(".mi-root").on("click",function (){
        $(".hint").css("display","block")
    })
    $(".mi-email").on("click",function (){
        $(".hint").css("display","block")
        $(".mi-email-div1").css("display","block")
        $(".mi-email-div2").css("display","block")
        $(".mi-phone-div1").css("display","none")
        $(".mi-phone-div2").css("display","none")
    })
    $(".update-password").on("click",function (){
        $(".hint").css("display","block")
        $(".mi-email-div1").css("display","none")
        $(".mi-email-div2").css("display","none")
        $(".mi-phone-div1").css("display","none")
        $(".mi-phone-div2").css("display","none")
        $(".mi-password-div1").css("display","block")
        $(".mi-password-div2").css("display","block")
    })
    $(".ant-modal-close").on({
        mouseenter: function () {
            $(".ant-img").attr({"src": "http://localhost:8083/resource_packs/images/pop_ups_closes_red.png"})
        },
        mouseleave: function () {
            $(".ant-img").attr({"src": "http://localhost:8083/resource_packs/images/pop_ups_closes.png"})
        }
    });
    $(".ant-img").on("click",function (){
        $(".hint").css("display","none")
    });
    let phoneInput = $(".mi-phone-input");

    phoneInput.on("focus",function (){
        alert($(this).value())
        if($(this).value()===""||$(this).value()===null){
            $(".mi-text-field").css("color","red")
            $(".mi-phone-error").css("display","block")
        }
        $(this).css("border","0px")
    })

    $(".button-x").on("click",function (){
        $(".mi-phone").css("display","none")
        $(".mi-phone-yz").css("display","block")
        $(this).css("display","none")
        $(".button-b").css("display","block")
    })
    $(".button-b").on("click",function (){
        alert("绑定成功")
        $(".hint").css("display","none")
    })
    $(".mi-button").on("click",function (){
        $(".button_two").css("display","block")
        $(".sex").css("display","block")
        $(".update-button").css("display","none")
        $(".set").css("display","none")
        $(".mi-form-field--error").css("display","block")
        $(".nc").css("display","none")
    })
    $(".avatar-phone").on("click",function (){
        $(".avatar-window").css("display","block")
    })
    $(".ant-img").on("click",function (){
        $(".avatar-window").css("display","none")
    });
    $(".upload-avatar").on("click",function (){
        $(".avatar-window").css("display","none")
    });
})